
<style>
.am-icon-wechat:before, .am-icon-weixin:before {
    content: "";
}
.layout-magnet-text{
    margin-left:8px;
}
.layout-magnet .layout-magnet-cart-num{
        right: 50px;
}
.layout-footer .layout-footer-media {
    float: right;
    margin-right: 63px;
}
</style>
<footer class="layout-footer">
    <div class="mzcontainer">
        <section class="layout-footer-top clearfix">
            <ul class="layout-footer-services clearfix">
                <volist name="footSerList" id="vo">
                    <li class="layout-footer-services-item">
                        <a href="javascript:;" class="layout-footer-services-link" >
                            <span class="layout-footer-service-wrap"><i class="layout-font layout-font-foot5"></i></span> <span class="layout-footer-services-text">{$vo.class_name}</span>
                        </a>
                    </li>
                </volist>
            </ul>
            <div class="layout-footer-contact" style="margin-bottom: 16px;">
                <p class="layout-footer-contact-desc">24小时全国服务热线</p>
                <a href="tel:{$info.shouji}" class="layout-footer-contact-tel">{$info.shouji}</a>
                <p> <a href="javascript:void(0);"  class="layout-footer-contact-online" > <i class="layout-font layout-font-talk1"></i><span class="text">在线客服</span> </a> </p>
            </div>
        </section>
        <section class="layout-footer-bottom clearfix" style="    margin-top: -78px;">
            <ul class="layout-footer-interlock clearfix">
                <li class="layout-footer-interlock-item"> <a href="javascript:;" target="_blank" class="layout-footer-interlock-link">招聘信息</a> </li>
                <li class="layout-footer-interlock-item"> <a href="{:U('Index/Index/aboutus',array('id'=>58))}" target="_blank" class="layout-footer-interlock-link">关于我们</a> </li>
                <li class="layout-footer-interlock-item"> <a href="{:U('Index/Index/aboutus',array('id'=>59))}" target="_blank" class="layout-footer-interlock-link">联系我们</a> </li>
            </ul>
            <div class="layout-footer-copyright clearfix"> <span class="layout-footer-copyright-left">
                <a class="layout-footer-copyright-link copyright-text">{$info.power_by}</a>
                <a class="layout-footer-copyright-link" hidefocus="true" target="_blank"></a>
               <a class="layout-footer-copyright-link"  target="_blank">{$info.record_num}</a>
                 </span>
                <ul class="layout-footer-media clearfix">
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-weibo"></i> </a> </li>
                    <li class="layout-footer-media-item"> <a href="javascript:void(0);" class="layout-footer-media-link wechat"> <i class="layout-font layout-font-wechat"></i>
                        <div class="layout-footer-media-wechat-qrcode"> <img class="layout-footer-media-wechat-img" src="{$info.weixin}" alt="微信二维码"> </div>
                    </a> </li>
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-qzone"></i> </a> </li>
                </ul>
            </div>
        </section>
    </div>
</footer>

<!--<div class="layout-user-downmenu">-->
    <!--<ul class="layout-user-downmenu-list">-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_login">立即登录</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" target="_blank" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_register">立即注册</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_myorder">我的订单</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_mformy">M码通道</a> </li>-->
    <!--</ul>-->
<!--</div>-->

<div class="layout-magnet" style="bottom: 100px; right: 11px;">
<p class="close"><a href="#">X</a></span>
<script>
$(".close").click(function(){
    $(".layout-magnet").css("display","none");
})
</script>
    <ul class="layout-magnet-list"    style="width: 55px;">
        <li class="layout-magnet-item1" style="background-color: rgba(0,0,0,0.3);margin-bottom: 1px;"> <a href="shop_cart.html" class="layout-magnet-link" data-mtype="wmz_public_cbxf_cart">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-cart"></i> </div>
          
            <span class="layout-magnet-cart-num" id="storeMagnetCartNum" style="right:12px;top:50px"> <span class="layout-magnet-cart-text">{:count(session('cartNum'));}</span> </span> </a> </li>
        <li class="layout-magnet-item layout-magnet-item-app" style="background-color: rgba(0,0,0,0.3);"> <a href="javascript:void(0);" class="layout-magnet-link">
          
            <div class="layout-magnet-text">公众号</div>
            <div class="layout-magnet-download" style="right:98px">
                <div class="layout-magnet-download-body"> <img src="__PUBLIC__/shop/images/qrcode-33xxe5b72a.png" class="layout-magnet-qrcode" alt="QRCode">
                    <p class="layout-magnet-download-text" style="margin-top: 2px;">扫码关注公众号</p>
                </div>
            </div>
        </a> </li>
        <li class="layout-magnet-item1 layout-magnet-item-top" style="background-color: rgba(0,0,0,0.3);;"> <a href="javascript:void(0);" class="layout-magnet-link" data-mtype="wmz_public_cbxf_top" id="test">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-top"></i> </div>
    <script>
test.onclick = function(){
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
</script>

        </a> </li>
    </ul>
    <a class="layout-magnet-minimize layout-magnet-icon layout-magnet-link" href="javascript:void(0);"> <i class="layout-font layout-font-minimize"></i> </a> </div>
</body>
</html>
<script src="js/scroll.js"></script>
<script>
    $(function(){
        $('#homeCategory li ').mouseover(function(){ $(this).children('div').show();}).mouseout(function(){ $(this).children('div').hide();})
        $('#layout-magnet-text').click(function(){$("html,body").animate({scrollTop:0}, 500);})
        $('.home-floor-content').each(function(v,k){
            $('.home-floor-content').eq(v).children('div').children('div').children('a').mouseover(function(){
                $(this).addClass('active').siblings().removeClass('active');
                $('.home-floor-content-list').eq(v).children('ul').eq($(this).index()).addClass('active').siblings().removeClass('active');
            })
        });


    })

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    });

    var swiperbbc = new Swiper('.swiper-containeredian', {
        slidesPerView: 5,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>